import React from "react";
import bell from "./assets/Bell.svg";
import UserCard from "./UserCard";

export default function (props) {
    const {
        pos,
    } = props
    return (
        <div style={{
            display: `var(--${pos})`,
            justifyContent: 'space-between',
            alignItems: 'center',
            marginBottom: 20
        }}>
            <div style={{
                height: 30,
                width: 30,
                position: 'relative'
            }}>
                <img style={{
                    height: '100%'
                }} src={bell} alt=""/>
                <div style={{
                    background: 'red',
                    borderRadius: '50%',
                    width: 10,
                    height: 10,
                    position: "absolute",
                    top: 0,
                    right: 0
                }}></div>
            </div>
            <UserCard/>
        </div>
    )
}